<template>
	<view>
		<uni-popup ref="popup" type="bottom">
			<view class="showTitle">
				<view class="showsize">温馨提示</view>
				<view class="showCotent">
					我们将向您申请拍照/摄像头权限，便于
					您快捷拍照上传，用于头像修改、社区
					因文发布、问题反馈。
				</view>
				<view class="showbttom">
					<view class="bottomLeft" @tap="closeChange">取消</view>
					<view class="bottomRight" @tap="submitchange">确定</view>
				</view>
			</view>
		</uni-popup>
	</view>
</template>

<script>
	export default {
		name: "uploadimage",
		data() {
			return {

			};
		},
		methods: {
			closeChange() {
				this.$refs.popup.close()
			},
			openchange() {
				this.$refs.popup.open('center')
			},
			submitchange() {
				this.$emit('submitChange')
			}

		}
	}
</script>

<style lang="scss" scoped>
	.showTitle {
		width: 460rpx;
		height: 350rpx;
		background-color: #fff;
		border-radius: 10rpx;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		padding: 40rpx;

		.showsize {
			font-size: 40rpx;
			width: 100%;
			height: 70rpx;
			color: 24rpx;
			font-size: bold;
			text-align: center;
			line-height: 70rpx;
		}

		.showCotent {
			width: 100%;
			height: 100rpx;
			font-size: 26rpx;
			color: #333;
			font-weight: 600;

		}

		.showbttom {
			width: 100%;
			height: 100rpx;
			display: flex;
			align-items: center;
			justify-content: space-between;

			.bottomLeft {
				width: 190rpx;
				height: 52rpx;
				border-radius: 50rpx;
				text-align: center;
				line-height: 52rpx;
				border: 1px solid salmon;
				color: salmon;
			}

			.bottomRight {
				width: 200rpx;
				height: 60rpx;
				border-radius: 50rpx;
				text-align: center;
				line-height: 60rpx;
				background-color: salmon;
				color: #fff;
			}
		}
	}
</style>